// 頂部(mclassMusic.wxml)
.tab{
    display: flex;
}
.tab-item{
    flex: 1;
    font-size: 10pt;
    text-align: center;
    line-height: 72rpx;
    border-bottom: 6rpx solid #eee;
}
.tab-item.active{
    color:#c25b25;
    border-bottom-color: #c25b25;
}
.content-swiper{
    height: 500px;
}
// 底部播放器
.player{
    display: flex;
    align-items: center;
    background: #222;
    border-top: 1px solid #252525;
    height: 112rpx;
}
.player-cover{
    width: 80rpx;
    height: 80rpx;
    margin-left: 15rpx;
    border-radius: 8rpx;
    border: 1px solid #333;
}
.player-info{
    flex: 1;
    font-size: 10pt;
    line-height: 38rpx;
    margin-left: 20rpx;
    padding-bottom: 8rpx;
}
.player-info-singer{
    color: #888;
}
.player-controls image{
    width: 80rpx;
    height: 80rpx;
    margin-right: 15rpx;
}
// 滚动条(info.wxml)------------------------------
.content-info{
    height: 100%;
}
::-webkit-scrollbar{
    width: 0;
    height: 0;
    color: transparent;
}
// 轮播+按钮
.conten-info-slider{
    height: 302rpx;
    margin-bottom: 20px;
}
.conten-info-slider image{
    width: 100%;
    height: 100%;
}
.content-info-portal{
    display: flex;
    margin-top: 15pt;
    margin-bottom: 15px;
    height: 200rpx;
}
.content-info-portal image{
    width: 120rpx;
    height: 120rpx;
    margin: 20rpx auto;
    display: block;

}
.content-info-portal > view{
    flex: 1;
    font-size: 10pt;
    text-align: center;
}
// 热门音乐
.content-info-list{
    font-size: 11pt;
    margin-bottom: 20rpx;
}
.content-info-list > .list-title{
    margin: 20rpx 35rpx; 
}
.content-info-list > .list-inner{
    display: flex;
    flex-wrap: wrap;
    margin: 0 20rpx;
}
.content-info-list > .list-inner > .list-item{
    flex: 1;
}
.content-info-list > .list-inner > .list-item > image{
    display: block;
    width: 200rpx;
    height: 200rpx;
    margin: 0 auto;
    border-radius: 10rpx;
    border: 1rpx solid #555;
}
.content-info-list > .list-inner > .list-item > view{
    width: 200rpx;
    margin:10rpx auto;
    font-size: 10pt;
}
//play--------------------------------------
.content-play{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    height: 100px;
    text-align: center;
}
.content-play-info{
    margin-top: 80%;
}
.content-play-info > view{
    color: #888;
    font-size: 11pt;
    margin-bottom: 15%;
}
.content-play-cover image{
    animation: rotateImage 10s linear infinite;
    width: 400rpx;
    height: 400rpx;
    border-radius: 50%;
    border: 1px solid #333;
}
@keyframes rotateImage {
    from{
        transform: rotate(0deg);
    }to{
        transform: rotate(360deg);
    }
}
.content-play-progress{
    display: flex;
    align-items: center;
    margin: 0 35rpx;
    font-size: 9pt;
    text-align: center;
}
.content-play-progress > view{
    flex: 1;
}
// playlist-------------------------------
.playlist-item{
    display: flex;
    align-items: center;
    border-bottom: 1rpx solid #333;
    height: 112rpx;
}
.playlist-cover{
    width: 80rpx;
    height: 80rpx;
    margin-left: 15rpx;
    border-radius: 8rpx;
    border: 1px solid #333;
}
.playlist-info{
    flex: 1;
    font-size: 10pt;
    line-height: 38rpx;
    margin-left: 20rpx;
    padding-bottom: 8rpx;
}
.playlist-info-singer{
    color: #888;
}
.playlist-controls{
    font-size: 10pt;
    margin-right: 20rpx;
    color: #c25b5b;
}